<html>                                                                  
	<head>
		<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />                                                                  
		<link type="text/css" href="JQuery/css/smoothness/ui.all.css" rel="stylesheet" />
		<script type="text/javascript" src="JQuery/jquery-1.3.2.js"></script>          
		<script type="text/javascript" src="JQuery/ui.core.js"></script>
		<script type="text/javascript" src="JQuery/ui.tabs.js"></script>
		<script type="text/javascript" src="JQuery/ui.progressbar.js"></script>
		<script type="text/javascript" src="JQuery/ui.accordion.js"></script>
<script type="text/javascript">
//<!--
function getTaskID() {
	// TODO
	// get the Task ID from the input taskid in the iframe
	// call DB via JSON Servlet with this TASKID
	// http://docs.jquery.com/Ajax/jQuery.getJSON#urldatacallback
	// do it with JSON, test if error(s)
	var result  = $('#resultID').contents().find('#JSON').html();
	var test_json = eval(result);
	// test JSON error
	alert(test_json[0]);
	alert(test_json[0].error);
	alert(test_json[0].taskID);
}
function test() {
	var json_test = {"menu": {
   "id": "file",
   "value": "File",
   "popup": {
     "menuitem": [
       {"value": "New", "onclick": "CreateNewDoc()"},
       {"value": "Open", "onclick": "OpenDoc()"},
       {"value": "Close", "onclick": "CloseDoc()"}
     ]
   }
 }};
	alert(json_test);
	alert(json_test.menu);
	alert(json_test.menu.id);
	var result = eval(json_test);
	alert(result);
	alert(result.menu);
	alert(result.menu.id);
	//alert(foo);
}
//-->
</script>
	</head>
	<body>
<iframe src="TestJSON" id="resultID" name="result">not supported</iframe>
<a href="#" onclick="getTaskID(); return false;">getTaskID</a><br/>
<a href="#" onclick="test(); return false;">test</a><br/>
	</body>
</html>
